<script type="text/javascript" language="JavaScript">
    function getRecord(str) {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET","getList.php?start="+str, true);
        xmlhttp.send();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("strdisplay").innerHTML = xmlhttp.responseText;
            }
        }
    } //  End Ajax fucntion =====================//

</script>
<html>
<head>

<link href="styles/style.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" language="JavaScript1.8">
    function confirmDelete() {
        return confirm("Are you sure you wish to delete this entry?");
    }

    function changeImage(itemChang) {
        //alert(itemChang.src);
        //itemChang.src = "images/icons/user-add-hover.png";
    }

</script>
</head>

<body onload="getRecord(0)">

<div id="wraper">
<div id="sub_title"> Student Management
<hr id="line" />
</div>
<div id="action_top">
<!--	<img name="btn" src="images/icons/user-add.png"
onmouseover="btn.src='images/icons/user-add-hover.png';"
onmouseout="btn.src='images/icons/user-add.png';" />	-->

<a href="index.php?page=form&action=add" > <img name="image" src="images/icons/user-add.png"
onmouseover="javascript: image.src='images/icons/user-add-hover.png';"
onmouseout="javascript: image.src='images/icons/user-add.png';" /> <br />
Add new</a> </div>
<div>

<span id="strdisplay">&nbsp;</span>

</div>
</body></html>